<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.scroll-container{
				width: 500px;
				height: 150px;
				border: 1px solid #ddd;
				padding: 15px;
				overflow: auto;
			}
			.scroll-container .row{
				margin: 0;
				line-height: 1.5;
			}
			.scroll-container::-webkit-scrollbar{
				width: 8px;
				background-color: #fff;
			}
			/* 滚动条角落 */
			.scroll-container::-webkit-scrollbar-corner,.scroll-container::-webkit-scrollbar-thumb, .scroll-container::-webkit-scrollbar-track{
				border-radius: 4px;
			}
			.scroll-container::-webkit-scrollbar-corner,.scroll-container::-webkit-scrollbar-track{
				/* 滚动条轨道 */
				background-color: rgba(180, 160, 120, .1);
				box-shadow: 0 0 1px rgba(180, 160, 120, .5);
			}
			.scroll-container::-webkit-scrollbar-thumb{
				background-color: #00adb5;
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="scroll-container">
			<div class="row">
				爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大爱上打扫打扫打扫了科技大厦里看见奥斯卡老大时间来得及爱上了侃大山两个大
			</div>
		</div>
	</body>
</html>